/* ── Custom properties ──────────────────────────────────── */
:host {
--enviso-primary-color: #43D9EC;
--enviso-secondary-color: #111111;
--enviso-tertiary-color: #F8F3EC;
}
/* ── Card host: remove default white card look ───────────── */
:host(:has(section.enviso-offer-card)) {
background: #111111;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Card section: make it a positioned container ────────── */
section.enviso-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
}
/* ── Image container fills the full card ─────────────────── */
.enviso-offer-availability-picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
/* ── Image itself fills its container ───────────────────── */
span.enviso-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
border-radius: 0;
}
/* ── Gradient overlay sits above the image ───────────────── */
.enviso-offer-availability-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
z-index: 1;
}
/* ── Text info block: pinned above the buttons ───────────── */
.enviso-offer-info {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
padding: 0 0.85em 0.25em;
min-height: unset;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
summary.enviso-offer-details > span {
color: rgba(255, 255, 255, 0.75);
}
p.enviso-offer-short-description > span {
color: rgba(255, 255, 255, 0.7);
}
.enviso-btn.primary {
color: #000;
}
/* ── Action buttons: pinned at the bottom ────────────────── */
nav.enviso-offer-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: none;
padding: 0 0.75em 0.65em;
gap: 0.5em;
background: transparent;
}
nav.enviso-offer-actions > enviso-button {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 99em !important;
font-family: "Maison Neue Demi", Arial, sans-serif;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
height: 2.8em;
font-size: 0.9em;
}
/* override the separator rule so both borders are white */
nav.enviso-offer-actions > enviso-button + enviso-button {
border-left: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}
/* ════════════════════════════════════════════════════════════
UPSELL / CAROUSEL CARD — mirrors the offer card treatment
════════════════════════════════════════════════════════════ */
/* ── Host: strip default card chrome ────────────────────── */
:host(:has(section.enviso-upsell-offer-card)) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: transparent;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Size the cross-sell card from its parent shadow root ── */
enviso-cross-sell-offer-card {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
max-width: 350px;
}
/* ── Outer section + inner content: single stacking context ─ */
section.enviso-upsell-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
width: 100%;
}
.enviso-card-content {
position: absolute;
inset: 0;
display: block;
background: transparent;
box-shadow: none;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ── Children of card-content: remove their own flex layout ─ */
.enviso-card-content > div {
display: block;
}
/* ── Image fills the card ────────────────────────────────── */
div.enviso-upsell-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
background-size: cover;
background-position: center;
border-radius: 0;
}
/* ── Gradient overlay ────────────────────────────────────── */
div.enviso-upsell-offer-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
}
/* ── Title: pinned above the action row ─────────────────── */
header.enviso-offer-name {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
margin: 0;
padding: 0 0.85em 0.25em;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
/* ── "Meer info" pill button ─────────────────────────────── */
summary.enviso-offer-details {
z-index: 2;
display: none;
}
summary.enviso-offer-details:has(span:not(:empty)) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.8em;
padding: 0 1.2em;
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 99em;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
cursor: pointer;
}
summary.enviso-offer-details > span {
color: #ffffff;
font-family: "Maison Neue Demi", Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
/* ── Action row: pinned at the bottom ────────────────────── */
.enviso-details-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 0.75em 0.65em;
background: transparent;
}
/* ── Reset the price/details child div ───────────────────── */
.enviso-details-container > div {
font-size: 1em;
margin: 0;
}
/* ── + icon: strip button chrome, show just the icon ────── */
.enviso-upsell-button {
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 2em;
padding: 0 !important;
}
/* ── + icon internals (enviso-button shadow DOM) ─────────── */
:host(.enviso-upsell-button) {
border: none !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
:host(.enviso-upsell-button) .enviso-btn {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
:host(.enviso-upsell-button) .enviso-btn.icon-only > enviso-icon {
display: block;
}
:host(.enviso-upsell-button) svg {
fill: #ffffff !important;
}
/* ════════════════════════════════════════════════════════════
CALENDAR — tweak the variables below to restyle the picker
════════════════════════════════════════════════════════════ */
:host {
/* gap between every date cell */
--cal-cell-spacing: 6px;
/* corner rounding on each cell */
--cal-cell-radius: 6px;
/* border colour of available cells */
--cal-cell-border: rgba(0, 0, 0, 0);
/* normal cell background */
--cal-cell-bg: #FFF3E8 !important;
/* disabled / past cell */
--cal-cell-disabled-bg: #f0f0f0;
--cal-cell-disabled-color: #bbbbbb;
/* today highlight colour */
--cal-today-color: #FDD6AF;
/* selected / range cell */
--cal-selected-color: #FDD6AF;
}
/* ── Calendar host: border & radius ─────────────────────── */
:host(:has(table.enviso-month)) {
border: 2px solid var(--cal-today-color);
border-radius: 16px;
overflow: hidden;
}
/* ── Separate cells with configurable gap ─────────────────── */
table.enviso-month {
border-collapse: separate;
border-spacing: var(--cal-cell-spacing);
}
/* ── Square cells
The widget ships height: 3.5em which turns cells into rectangles
once border-spacing eats into the column width.
With table-layout: fixed the browser sets all column widths first,
then aspect-ratio: 1 derives the row height from that width. ── */
.enviso-day {
aspect-ratio: 1 / 1;
}
/* ── Cell base appearance ────────────────────────────────── */
.enviso-dates .enviso-day {
border: 1px solid var(--cal-cell-border) !important;
background-color: var(--cal-cell-bg);
border-radius: var(--cal-cell-radius);
}
/* ── Hover: non-disabled cells get the accent border ────── */
.enviso-dates .enviso-day:not(.enviso-disabled):hover {
border: 2px solid var(--cal-today-color) !important;
}
/* ── State overrides ─────────────────────────────────────── */
.enviso-day.enviso-disabled {
background-color: var(--cal-cell-disabled-bg) !important;
color: var(--cal-cell-disabled-color) !important;
}
.enviso-day.enviso-today {
color: #000000 !important;
position: relative;
}
.enviso-day.enviso-today::after {
content: '';
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000000 !important;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-range-start,
.enviso-dates .enviso-day.enviso-range-end {
outline-color: var(--cal-selected-color) !important;
border-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-selected {
background-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-in-range {
border-color: var(--cal-selected-color) !important;
}
/* ── Timeslot buttons ─────────────────────────────────────── */
.enviso-timeslot-button {
background-color: var(--cal-cell-bg) !important;
border: 1px solid var(--cal-today-color) !important;
border-radius: var(--cal-cell-radius) !important;
color: #000000 !important;
position: relative;
}
:host([selected]) .enviso-timeslot-button {
background-color: var(--cal-today-color) !important;
}
.enviso-timeslot-button::after {
content: '';
width: 0;
height: 0;
}
/* ── Cross-sell timeslots: remove margin-left on mobile ──── */
@media (max-width: 845px) {
.enviso-cross-sell-timeslots-container {
margin-left: 0 !important;
}
}
18 reacties Commentaar van bezoekers
"De beide foto’s wijken echter wel af van het getekende pand 9 rechts bovenaan) bij de Openbare verkopingstekst waar in de tekst bij Hof no.9 naar verwezen wordt of moet ik dit anders lezen?" Je corrigeert even later "rechts bovenaan" naar links bovenaan". Op deze tekening is in hoofdzaak slechts één pand getekend, het is echter wél eigendom van één eigenaar. Of de grond waar hoogst waarschijnlijk in opdracht van Cornelis Verlee, boekhouder van de Schuttery Heelhaaks zijn herenhuis liet bouwen, eerder van de Berckepoort of aan het Hof toebehoorde weet ik niet , maar het laatste lijkt me meer voor de hand te liggen. Links boven grenst het dus wel aan het open terrein van de Berckepoort, waarlangs een pad een ontsluiting naar de Voorstraat zou zijn. Zie de serie uit de collectie van W. van den Berg, n.l. 951_2149 t/m 951_2157, tekeningen voorstellende de tijdlijn vanaf de periode Augustijnenklooster tot 1959.
=================================================================== Een aanzienlijk PAND, bestaande =================================================================== a. in een HEERENHUIS met ERF, groote en kleine TUINEN, KOETSHUIS en STAL voor drie paarden te Dordrecht in ‘t Hof n°. 9; =================================================================== b. in een WOONHUIS en ERF aldaar n°. 8, en =================================================================== c. in een dito HUIS en ERF op den hoek der Hofstraat n°‚ 10, met afzonderlijke Bovenwoning, te zamen Kadastraal bekend in Sectie H Nos. 1312, 1313, 1314 en 1315, groot 10 A. 14 C. =================================================================== Het Heerenhuis geteekend n°. 9 bevat: Beneden: Gang met wit marmeren tegels bevloerd en deur naar den Tuin, 3 Kasten en Provisiekast, grooten vorst— en watervrijen Kelder met afgeschoten Bergplaatsen voor wijn en proviand; Privaat; behangen Spreekkamertje met portaaltje waarop Kast; beh. en gepl. Kamer, uitzicht hebbende in den grooten Tuin en in de Hofstraat en voorzien van 6 Kasten en Stookp. met zw. marmeren Schoorsteenm.; Keuken met 8 Kasten; Bergplaats voor turf; Stookpl. met schoorsteenm.; Regenwaterpomp, Aanrechtbank en Gootsteen; groote beh. en gepl. Voorkamer; dito Koepelkamer met Stookpl. en wit marmeren schoorsteen en 4 diepe Kasten; annex Kamertje met 2 mah. houten Hoekkastjes; beh. en gepl. Achterkamer met Stookpl. en zwartm. schoorsteenm; Provisiekast; Kast; (de laatste 3 Kamers hebben uitzicht in den grooten Tuin en in de Hofstraat); voorts Binnenplaats met Privaat; Bijkeuken met Gootsteen en Pomp; Mangelkamer; groote Bergplaats, uitkomende in een kleinen Tuin (van de Binnenplaats heeft men toegang naar een Tuintje dat uitgang heeft naar de Voorstraat); voorts Portaal bij den trap naar boven, waarop groote Provisiekast. Boven: Gang met 7 Kasten, ruime beh. en gepl. Slaapkamer met Stookpl., Privaat, 2 beh. en gepl. Logeerkamers, waarvan één met Stookpl., Dienstbodenkamertje, Kamertje (met openslaande raampjes uitkomende in de Augustijnenkerk) met annexe Bergplaats en Vliering. Portaal met Bergplaats waarboven Vliering; groote Zolder met Beschoten Kap. =================================================================== In den grooten met diverse Vrucht— en andere Boomen en Heestergewassen beplanten TUIN bevindt zich een PRIËEL en een behangen en gepl. TUINKAMER. =================================================================== Het WOONHUIS n°. 8 bevat beneden: Gang met Kast en Kelder, beh. Voorkamer Stookplaats en 2 Kasten, Keuken met Kast, Gootsteen, Stookplaats, Privaat, OPEN PLAATSJE waarop Kast en Kolenbergplaats. Boven de Keuken 2 afgeschoten Kamertjes. Boven: Kamer met Bedstede‚ Portaal waarop Kast met Gootsteen, Kamertje met Bedstede, ruime behangen Voorkamer met stookplaats, Zolder. =================================================================== Het HUIS n°. 10zwart bevat: groote Woonkamer met 2 Bedsteden, 5 Kasten en Stookplaats met Schoorsteenmantel; Voorkamer met Bedstede en kast; Gootsteen en Privaat op het Portaal; en de BOVENWONING 10rood: 2 Kamers elk met Bedstede, stookplaats en 4 Kasten, Gootsteen, grooten Zolder met 2 afgeschoten Hokken. =================================================================== Het HEERENHUIS n°. 9 met het KOETSHUIS zijn in eigen gebruik. =================================================================== Het WOONHUIS n°. 8 is verhuurd tot 1 Mei 1901 voor f 150 per jaar aan den heer J. A. Moolin. =================================================================== Het HUIS en ERF 10zwart is verhuurd voor f 6 per maand aan A. Kwikkers. De BOVENWONING 10rood is verhuurd geweest voor f 1,60 per week. =================================================================== De kooper zal eenige roerende goederen moeten overnemen tegen eene bij de Veiling op te geven som. Wegens zijne groote oppervlakte en gunstige ligging in het Centrum der stad, is dit perceel voor verschillende doeleinden bijzonder geschikt.
De grote tuin aan de Hofstraat met de tuinkamer (links onder). Trap naar boven, trap naar kelder. De gang, de koepelkamer .... etc. Zo jammer dat daar geen foto's of tekeningen van zijn. Of toch wel?
Ik begrijp je vraag niet helemaal Johan. Nr. 9 is slechts een deur met daarachter de gang (met wit marmeren tegels) naar het achtergelegen herenhuis. Het huis op de hoek met de Hofstraat is Hof 10zw (nu 14), de bovenwoning daarvan heeft de toegang om de hoek dus is het adres daar Hofstraat 10rd. Op 1 juni werd het geheel gemijnd door P. van Driel voor de Diaconie der Ned. Herv. Gemeente te Dordrecht op f 12.475,= die er t.z.t een weeshuis wilden stichten. Het liep dus anders.
De foto die je noemt had ik ook gezien. Heb je 551_40034 ook gezien, deze komt overeen. De beide foto’s wijken echter wel af van het getekende pand 9 rechts bovenaan) bij de Openbare verkopingstekst waar in de tekst bij Hof no.9 naar verwezen wordt of moet ik dit anders lezen?. Jeroen, zo te zien op de foto's doet de verbindingsgang m.i. niet denken aan een open steeg.
================================================================== https://proxy.archieven.nl/46/52B38B428D014037A326EE1E1BE913C4 =================================================================== Zie ook: 552_314170 =================================================================== https://proxy.archieven.nl/46/EA370321E62140F78C7E68619F60D92D
De exacte (eigendoms-)geschiedenis heb ik even niet paraat, maar er is in de 17e eeuw (volgens mij) wel melding van deze gang naar het hof (dat donkergrijze deel zou dus een verbindingsgang zijn.. maar het is mij niet eens duidelijk of dit intern is of een open steegje)
De kadastrale kaart van 1832 maakt veel duidelijk...